
"use client"
import { W1080Center } from '@/components/ui/W1080Center';
import styles from '@/components/logoHeader.module.css'
import { Logo } from '@/components/ui/svg/logo'
import { useRouter } from 'next/navigation';
export interface IlogoHeader {
    className: string
}


export default function LogoHeader(props: IlogoHeader) {
    const { className } = props
    const classs = `${styles.logoHeader} ${className}`
    const router = useRouter()
    const goLogin = () => {
        router.replace('/login')
    }
    const goHome=()=>{
        router.replace('/home')

    }
    return (
        <div className={classs}>
            <W1080Center className={styles.innerWrappper}>
                <div className={styles.left} onClick={goHome}>
                    <div className={styles.leftLogo}>
                        <Logo></Logo>

                    </div>
                    <div className={styles.leftText}>
                        <div className={styles.cn}>国家癌症中心临床试验平台</div>
                        <div className={styles.en}>
                            National Cancer Center Clinical Trial Platform

                        </div>
                    </div>
                </div>
                <div className={styles.right}>
                    <span onClick={goLogin} className={styles.btnText}  >
                        登录&nbsp;|&nbsp;注册
                    </span>
                </div>
            </W1080Center>
        </div>
    );
}
